<template>
  <div class="grid gap-6 md:grid-cols-2">
    <div class="flex flex-col">
      <BaseText class="text-muted-500 dark:text-muted-400">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Duo Reges:
        constructio interrete. Philosophi autem in suis lectulis plerumque moriuntur.
      </BaseText>
    </div>

    <div class="flex flex-col space-y-2">
      <BaseText size="sm" class="text-muted-400 dark:text-muted-400">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Duo Reges:
        constructio interrete. Philosophi autem in suis lectulis plerumque moriuntur.
      </BaseText>

      <BaseText size="xs" weight="medium" class="text-success-500">
        Any text can have a different color
      </BaseText>
    </div>
  </div>
</template>
